<template>
  <div>
    <el-button class="jump-button" type="primary" @click="dialogFormVisible = true">查看</el-button>
    <!-- 弹窗开始-->
    <el-dialog :visible.sync="dialogFormVisible" width="1409px" :close-on-click-modal='false'>
      <p class="preliminary-review-materials-text-top">上传复审材料（银行模式）</p>
      <!--      第一行-->
      <el-row>
        <el-col :span="1" class="row-line1-1">1</el-col>
        <el-col :span="7" class="row-line1-2">柳州市中小工业企业应急周转资金申请表</el-col>
        <el-col :span="2" class="row-line1-3">一式四份</el-col>
        <el-col :span="2" class="row-line1-4">
          <img class="preliminary-review-materials-cImg" src="@/assets/images/error.png" v-show="!errorImg">
        </el-col>
        <el-col :span="9" class="row-line1-5">
          <el-button type="primary">在线填报</el-button>
          <el-button type="primary">下载模板</el-button>
          <el-button type="warning">已上传</el-button>
        </el-col>
        <el-col :span="3" class="row-line1-6">
          <el-button type="primary" @click="toQRCode(1)" v-show="!list.includes(1)">二维码</el-button>
          <img class="preliminary-review-materials-cImg2" v-show="list.includes(1)" src="@/assets/images/QR code.png"/>
        </el-col>
      </el-row>
      <!--      第二行-->
      <el-row>
        <el-col :span="1" class="row-line1-1">2</el-col>
        <el-col :span="8" class="row-line1-2">柳州市中小工业企业应急周转资金申请书</el-col>
        <el-col :span="2" class="row-line1-3">附件1</el-col>
        <el-col :span="2" class="row-line1-4">
          <img class="preliminary-review-materials-cImg" src="@/assets/images/error.png" v-show="!errorImg">
        </el-col>
        <el-col :span="8" class="row-line1-5">
          <el-button class="el-col-button" type="warning">已上传</el-button>
        </el-col>
        <el-col :span="3" class="row-line1-6">
          <el-button type="primary" @click="toQRCode(2)" v-show="!list.includes(2)">二维码</el-button>
          <img class="preliminary-review-materials-cImg2" v-show="list.includes(2)" src="@/assets/images/QR code.png"/>
        </el-col>
      </el-row>
      <!--      第三行-->
      <el-row>
        <el-col :span="1" class="row-line1-1">3</el-col>
        <el-col :span="8" class="row-line1-2">柳州市中小工业企业应急周转资金申请报告</el-col>
        <el-col :span="2" class="row-line1-3">附件2</el-col>
        <el-col :span="2" class="row-line1-4">
          <img class="preliminary-review-materials-cImg" src="@/assets/images/error.png" v-show="!errorImg">
        </el-col>
        <el-col :span="8" class="row-line1-5">
          <el-button class="el-col-button" type="primary">下载模板</el-button>
          <el-button type="primary">上传文件</el-button>
        </el-col>
        <el-col :span="3" class="row-line1-6">
          <el-button type="primary" @click="toQRCode(3)" v-show="!list.includes(3)">二维码</el-button>
          <img class="preliminary-review-materials-cImg2" v-show="list.includes(3)" src="@/assets/images/QR code.png"/>
        </el-col>
      </el-row>
      <!--      第四行-->
      <el-row>
        <el-col :span="1" class="row-line1-1">4</el-col>
        <el-col :span="8" class="row-line1-2">经年检的营业执照（特殊行业的需提供许可证）</el-col>
        <el-col :span="2" class="row-line1-3">正、复本</el-col>
        <el-col :span="2" class="row-line1-4">
          <img class="preliminary-review-materials-cImg" src="@/assets/images/error.png" v-show="errorImg">
        </el-col>
        <el-col :span="8" class="row-line1-5">
          <el-button class="el-col-button" type="primary">上传文件</el-button>
        </el-col>
        <el-col :span="3" class="row-line1-6">
          <el-button type="primary" @click="toQRCode(4)" v-show="!list.includes(4)">二维码</el-button>
          <img class="preliminary-review-materials-cImg2" v-show="list.includes(4)" src="@/assets/images/QR code.png"/>
        </el-col>
      </el-row>
      <!--      第五行-->
      <el-row>
        <el-col :span="1" class="row-line1-1">5</el-col>
        <el-col :span="8" class="row-line1-2">基本开户许可证</el-col>
        <el-col :span="9" class="row-line5-3">
          <img class="preliminary-review-materials-cImg" src="@/assets/images/error.png" v-show="!errorImg">
        </el-col>
        <el-col :span="3" class="row-line1-5">
          <el-button class="el-col-button" type="primary">上传文件</el-button>
        </el-col>
        <el-col :span="3" class="row-line1-6">
          <el-button type="primary" @click="toQRCode(5)" v-show="!list.includes(5)">二维码</el-button>
          <img class="preliminary-review-materials-cImg2" v-show="list.includes(5)" src="@/assets/images/QR code.png"/>
        </el-col>
      </el-row>
      <!--      第六行-->
      <el-row>
        <el-col :span="1" class="row-line1-1">6</el-col>
        <el-col :span="8" class="row-line1-2">法定代表人、财务主管身份证明、简历或委托代理人委托书</el-col>
        <el-col :span="9" class="row-line5-3">
          <img class="preliminary-review-materials-cImg" src="@/assets/images/error.png" v-show="!errorImg">
        </el-col>
        <el-col :span="3" class="row-line1-5">
          <el-button class="el-col-button" type="primary">上传文件</el-button>
        </el-col>
        <el-col :span="3" class="row-line1-6">
          <el-button type="primary" @click="toQRCode(6)" v-show="!list.includes(6)">二维码</el-button>
          <img class="preliminary-review-materials-cImg2" v-show="list.includes(6)" src="@/assets/images/QR code.png"/>
        </el-col>
      </el-row>
      <!--      第七行-->
      <el-row>
        <el-col :span="1" class="row-line1-1">7</el-col>
        <el-col :span="8" class="row-line1-2">工商局查档的电脑咨询单、企业章程、股东或董事会决议</el-col>
        <el-col :span="9" class="row-line5-3">
          <img class="preliminary-review-materials-cImg" src="@/assets/images/error.png" v-show="!errorImg">
        </el-col>
        <el-col :span="3" class="row-line1-5">
          <el-button class="el-col-button" type="primary">上传文件</el-button>
        </el-col>
        <el-col :span="3" class="row-line1-6">
          <el-button type="primary" @click="toQRCode(7)" v-show="!list.includes(7)">二维码</el-button>
          <img class="preliminary-review-materials-cImg2" v-show="list.includes(7)" src="@/assets/images/QR code.png"/>
        </el-col>
      </el-row>
      <!--      第八行-->
      <el-row>
        <el-col :span="1" class="row-line1-1">8</el-col>
        <el-col :span="8" class="row-line1-2">近三年年度财务报表，及当年近一期和上年度同期财务报表
          （含现金流量表）（成立不足三年的，提交成立以来的财务报表及近期财务报表）
        </el-col>
        <el-col :span="9" class="row-line5-3">
          <img class="preliminary-review-materials-cImg" src="@/assets/images/error.png" v-show="!errorImg">
        </el-col>
        <el-col :span="3" class="row-line1-5">
          <el-button class="el-col-button" type="primary">上传文件</el-button>
        </el-col>
        <el-col :span="3" class="row-line1-6">
          <el-button type="primary" @click="toQRCode(8)" v-show="!list.includes(8)">二维码</el-button>
          <img class="preliminary-review-materials-cImg2" v-show="list.includes(8)" src="@/assets/images/QR code.png"/>
        </el-col>
      </el-row>
      <!--      第九行-->
      <el-row>
        <el-col :span="1" class="row-line1-1">9</el-col>
        <el-col :span="8" class="row-line1-2">企业征信报告、企业法人或主要控制人个人、股东个人征信报告（需近期人民银行版）</el-col>
        <el-col :span="3" class="row-line9-3">若有不良记录，需提供书面说明原因</el-col>
        <el-col :span="2" class="row-line1-4">
          <img class="preliminary-review-materials-cImg" src="@/assets/images/error.png" v-show="!errorImg">
        </el-col>
        <el-col :span="7" class="row-line1-5">
          <el-button class="el-col-button" type="primary">上传文件</el-button>
        </el-col>
        <el-col :span="3" class="row-line1-6">
          <el-button type="primary" @click="toQRCode(9)" v-show="!list.includes(9)">二维码</el-button>
          <img class="preliminary-review-materials-cImg2" v-show="list.includes(9)" src="@/assets/images/QR code.png"/>
        </el-col>
      </el-row>
      <!--      第十行-->
      <el-row>
        <el-col :span="1" class="row-line1-1">10</el-col>
        <el-col :span="8" class="row-line1-2">与银行贷款相关合同、借款借据</el-col>
        <el-col :span="9" class="row-line5-3">
          <img class="preliminary-review-materials-cImg" src="@/assets/images/error.png" v-show="!errorImg">
        </el-col>
        <el-col :span="3" class="row-line1-5">
          <el-button class="el-col-button" type="primary">上传文件</el-button>
        </el-col>
        <el-col :span="3" class="row-line1-6">
          <el-button type="primary" @click="toQRCode(10)" v-show="!list.includes(10)">二维码</el-button>
          <img class="preliminary-review-materials-cImg2" v-show="list.includes(10)" src="@/assets/images/QR code.png"/>
        </el-col>
      </el-row>
      <!--      第十一行-->
      <el-row>
        <el-col :span="1" class="row-line1-1">11</el-col>
        <el-col :span="8" class="row-line1-2">抵押（质押）登记相关资料</el-col>
        <el-col :span="9" class="row-line5-3">
          <img class="preliminary-review-materials-cImg" src="@/assets/images/error.png" v-show="!errorImg">
        </el-col>
        <el-col :span="3" class="row-line1-5">
          <el-button class="el-col-button" type="primary">上传文件</el-button>
        </el-col>
        <el-col :span="3" class="row-line1-6">
          <el-button type="primary" @click="toQRCode(11)" v-show="!list.includes(11)">二维码</el-button>
          <img class="preliminary-review-materials-cImg2" v-show="list.includes(11)" src="@/assets/images/QR code.png"/>
        </el-col>
      </el-row>
      <!--      第十二行-->
      <el-row>
        <el-col :span="1" class="row-line1-1">12</el-col>
        <el-col :span="8" class="row-line1-2">承诺书</el-col>
        <el-col :span="2" class="row-line1-3">附件3</el-col>
        <el-col :span="2" class="row-line1-4">
          <img class="preliminary-review-materials-cImg" src="@/assets/images/error.png" v-show="!errorImg">
        </el-col>
        <el-col :span="8" class="row-line1-5">
          <el-button class="el-col-button" type="primary">下载模板</el-button>
          <el-button type="primary">上传文件</el-button>
        </el-col>
        <el-col :span="3" class="row-line1-6">
          <el-button type="primary" @click="toQRCode(12)" v-show="!list.includes(12)">二维码</el-button>
          <img class="preliminary-review-materials-cImg2" v-show="list.includes(12)" src="@/assets/images/QR code.png"/>
        </el-col>
      </el-row>
      <!--      第十三行-->
      <el-row>
        <el-col :span="1" class="row-line1-1">13</el-col>
        <el-col :span="8" class="row-line1-2">其他材料</el-col>
        <el-col :span="9" class="row-line5-3">
          <img class="preliminary-review-materials-cImg" src="@/assets/images/error.png" v-show="!errorImg">
        </el-col>
        <el-col :span="3" class="row-line1-5">
          <el-button class="el-col-button" type="primary">上传文件</el-button>
        </el-col>
        <el-col :span="3" class="row-line1-6">
          <el-button type="primary" @click="toQRCode(13)" v-show="!list.includes(13)">二维码</el-button>
          <img class="preliminary-review-materials-cImg2" v-show="list.includes(13)" src="@/assets/images/QR code.png"/>
        </el-col>
      </el-row>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogFormVisible: false,
      formLabelWidth: '120px',
      errorImg: true,
      list:[],
    };
  },
  methods:{
    // 点击隐藏二维码按钮，显示二维码图片
    toQRCode(value){
      this.list.push(value);
    },
  }
};
</script>

<style src="@/views/home/application-information/review-materials-bank/review-materials-bank.css" scoped>

</style>
